var btns = document.querySelectorAll("button");
// 1
// btns.forEach(function (item,index){
//     item.onclick = function(){
//         console.log(index);
//     }
// })

// 2
// for(var i=0;i<btns.length;i++){
//     btns[i].onclick = ((i)=>{
//         return function(){
//             console.log(i);
//         }
//     })(i);
// }


// 3
// for(let i=0;i<btns.length;i++){
//     btns[i].onclick = function(){
//         console.log(i);
//     }
// }

// 4
for(var i=0;i<btns.length;i++){
    btns[i].index = i;
    btns[i].onclick = function(){
        console.log(this.index);
    }
}